* {
  margin: 0;
  padding: 0;
}

body, html {
  width: 100%;
  height: 100%;
}

a {
  text-decoration: none;
}

ul, li {
  list-style: none;
}

.cartsBody {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.cartsBody .cartsBox {
  width: 84%;
}

.cartsBody .cartsBox .cartsContent {
  width: 100%;
}

.cartsBody .cartsBox .cartsContent .discountCoupon {
  margin: 10px 0px 10px 0px;
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: space-between;
  border: 1px solid #eaeaea;
}

.cartsBody .cartsBox .cartsContent .discountCoupon .discounts {
  width: 200px;
  height: 40px;
  display: flex;
}

.cartsBody .cartsBox .cartsContent .discountCoupon .discounts .disImg {
  width: 30px;
  height: 40px;
  background-color: #cc9898;
  margin-left: 20px;
}

.cartsBody .cartsBox .cartsContent .discountCoupon .discounts .disCop {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  text-indent: 10px;
}

.cartsBody .cartsBox .cartsContent .discountCoupon .getCoupon {
  width: 100px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  background-color: #e36844;
  cursor: pointer;
  position: relative;
}

.cartsBody .cartsBox .cartsContent .discountCoupon .getCoupon span {
  display: inline-block;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 4px;
  top: 11px;
  background: url(../img/jiantouxiangxia.png) no-repeat 50%;
}

.cartsBody .cartsBox .cartsContent .optAll {
  width: 100%;
  height: 40px;
  border: 1px solid #eaeaea;
  display: flex;
  align-items: center;
}

.cartsBody .cartsBox .cartsContent .optAll .allInfor {
  width: 100%;
  display: flex;
  align-items: center;
}

.cartsBody .cartsBox .cartsContent .optAll .allInfor .checkAll {
  width: 139px;
  display: flex;
  align-items: center;
}

.cartsBody .cartsBox .cartsContent .optAll .allInfor .checkAll .redOpt {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid #eaeaea;
  background: url(../img/agree.png) no-repeat 50%;
  margin: 0px 10px 0px 20px;
}

.cartsBody .cartsBox .cartsContent .optAll .allInfor .checkAll .all {
  font-size: 12px;
}

.cartsBody .cartsBox .cartsContent .optAll .allInfor .merchNews {
  width: 300px;
  font-size: 12px;
}

.cartsBody .cartsBox .cartsContent .optAll .allInfor .unitPrice {
  width: 180px;
  font-size: 12px;
  text-align: center;
}

.cartsBody .cartsBox .cartsContent .optAll .allInfor .amount {
  width: 170px;
  font-size: 12px;
  text-align: center;
}

.cartsBody .cartsBox .cartsContent .optAll .allInfor .subtotal {
  width: 150px;
  font-size: 12px;
  text-align: right;
  padding-right: 30px;
}

.cartsBody .cartsBox .cartsContent .optAll .allInfor .operation {
  width: 129px;
  font-size: 12px;
  text-align: left;
  padding-left: 31px;
}

.cartsBody .cartsBox .cartsContent .redemption {
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #eaeaea;
  background-color: #fff;
  margin-top: 20px;
  font-size: 14px;
}

.cartsBody .cartsBox .cartsContent .redemption .promotion {
  width: 92%;
}

.cartsBody .cartsBox .cartsContent .redemption .promotion .promTag {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  color: #fff !important;
  padding: 0 5px;
  font-size: 12px;
  background-color: #e36844;
}

.cartsBody .cartsBox .cartsContent .redemption .promotion .descMid {
  font-size: 14px !important;
}

.cartsBody .cartsBox .cartsContent .redemption .promotion .descMid .threShold {
  color: #d52b33;
}

.cartsBody .cartsBox .cartsContent .redemption .promotion .btn {
  width: 66px;
  border: 1px solid #d4282d;
  color: #d4282d;
  margin-right: 20px;
  font-size: 12px;
}

.cartsBody .cartsBox .cartsContent .redemption .promotion .link {
  color: #69c;
}

.cartsBody .cartsBox .cartsContent .addGoods {
  width: 100%;
  height: 142px;
  border: 1px solid #eaeaea;
  display: flex;
  align-items: center;
  margin: 10px 0px;
}

.cartsBody .cartsBox .cartsContent .addGoods .addbox {
  width: 100%;
  display: flex;
  align-items: center;
}

.cartsBody .cartsBox .cartsContent .addGoods .addbox .itme1 .redOpt {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid #999;
  background: url(../img/agree.png) no-repeat 50%;
  margin: 0px 20px 0px 20px;
}

.cartsBody .cartsBox .cartsContent .addGoods .addbox .itme2 {
  width: 200px;
  display: flex;
}

.cartsBody .cartsBox .cartsContent .addGoods .addbox .itme2 .itme2Img {
  width: 100px;
  height: 100px;
  background-color: #ebbfbf;
}

.cartsBody .cartsBox .cartsContent .addGoods .addbox .itme2 .itme2desc {
  width: 100px;
  min-height: 100px;
  padding: 10px 0px 0px 20px;
  text-align: left;
  line-height: 1;
}

.cartsBody .cartsBox .cartsContent .addGoods .addbox .itme2 .itme2desc a {
  color: #333;
  font-size: 14px;
}

.cartsBody .cartsBox .cartsContent .addGoods .addbox .itme2 .itme2desc p {
  font-size: 12px;
  color: #999;
  padding-top: 6px;
}

.cartsBody .cartsBox .cartsContent .addGoods .addbox .itme3 {
  width: 260px;
  min-height: 100px;
  padding-top: 20px;
}

.cartsBody .cartsBox .cartsContent .addGoods .addbox .itme3 .price {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}

.cartsBody .cartsBox .cartsContent .addGoods .addbox .itme4 {
  width: 258px;
  height: 100px;
  display: flex;
  justify-content: center;
  padding-top: 14px;
}

.cartsBody .cartsBox .cartsContent .addGoods .addbox .itme4 .itme4Box {
  height: 24px;
  display: flex;
  align-items: center;
  border: 1px solid #999;
}

.cartsBody .cartsBox .cartsContent .addGoods .addbox .itme4 .itme4Box .lessC {
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
}

.cartsBody .cartsBox .cartsContent .addGoods .addbox .itme4 .itme4Box .count {
  width: 58px;
  height: 24px;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  line-height: 24px;
  text-align: center;
}

.cartsBody .cartsBox .cartsContent .addGoods .addbox .itme4 .itme4Box .addC {
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
}

.cartsBody .cartsBox .cartsContent .addGoods .addbox .itme5 {
  width: 103px;
  height: 100px;
  padding-top: 18px;
  text-align: right;
}

.cartsBody .cartsBox .cartsContent .addGoods .addbox .itme5 .subTotal {
  color: #d4282d;
}

.cartsBody .cartsBox .cartsContent .addGoods .addbox .itme6 {
  padding-left: 36px;
  height: 88px;
}

.cartsBody .cartsBox .cartsContent .addGoods .addbox .itme6 .operate {
  width: 129px;
  padding: 4px 2px;
}

.cartsBody .cartsBox .cartsContent .addGoods .addbox .itme6 .operate a {
  color: #999;
  font-size: 14px;
}

.cartsBody .cartsBox .cartsContent .optGoods {
  width: 100%;
  height: 70px;
  display: flex;
  align-items: center;
  border: 1px solid #eaeaea;
  background-color: #f5f5f5;
}

.cartsBody .cartsBox .cartsContent .optGoods .optGoodsL {
  width: 70%;
  display: flex;
  align-items: center;
}

.cartsBody .cartsBox .cartsContent .optGoods .optGoodsL .left1 {
  display: flex;
  align-items: center;
}

.cartsBody .cartsBox .cartsContent .optGoods .optGoodsL .left1 .optionAllIcon {
  width: 21px;
  height: 21px;
  margin: 0px 20px;
  border: 1px solid #999;
  background: url(../img/agree.png) no-repeat 50%;
}

.cartsBody .cartsBox .cartsContent .optGoods .optGoodsL .left1 .optionAll {
  font-size: 12px;
  padding-right: 20px;
}

.cartsBody .cartsBox .cartsContent .optGoods .optGoodsL a {
  color: #333;
}

.cartsBody .cartsBox .cartsContent .optGoods .optGoodsL .delete {
  padding-right: 30px;
  font-size: 14px;
}

.cartsBody .cartsBox .cartsContent .optGoods .optGoodsL .delete:hover {
  color: #b4a078;
}

.cartsBody .cartsBox .cartsContent .optGoods .optGoodsL .empty {
  padding-right: 30px;
  font-size: 14px;
}

.cartsBody .cartsBox .cartsContent .optGoods .optGoodsL .empty:hover {
  color: #b4a078;
}

.cartsBody .cartsBox .cartsContent .optGoods .optGoodsL .Left2 {
  width: 166px;
  font-size: 14px;
  margin-left: 115px;
  color: #999;
}

.cartsBody .cartsBox .cartsContent .optGoods .optGoodsL .Left2 .left2Top {
  width: 100%;
  height: 35px;
  line-height: 45px;
  display: flex;
  justify-content: space-between;
}

.cartsBody .cartsBox .cartsContent .optGoods .optGoodsL .Left2 .left2bot {
  width: 100%;
  height: 35px;
  line-height: 25px;
  display: flex;
  justify-content: space-between;
}

.cartsBody .cartsBox .cartsContent .optGoods .optGoodsR {
  width: 40%;
  height: 72px;
  display: flex;
  align-items: center;
}

.cartsBody .cartsBox .cartsContent .optGoods .optGoodsR .R1 {
  width: 230px;
  height: 84%;
  border-left: 1px solid #999;
  padding-left: 20px;
}

.cartsBody .cartsBox .cartsContent .optGoods .optGoodsR .R1 .shoulPay {
  width: 100%;
}

.cartsBody .cartsBox .cartsContent .optGoods .optGoodsR .R1 .shoulPay .payer {
  font-size: 14px;
}

.cartsBody .cartsBox .cartsContent .optGoods .optGoodsR .R1 .shoulPay .money {
  margin-left: 20px;
  padding-top: 4px;
  font-size: 22px;
  font-weight: 700;
  color: #be4141;
}

.cartsBody .cartsBox .cartsContent .optGoods .optGoodsR .R1 .freightTip {
  padding-left: 5px;
  color: #be4141;
  font-size: 14px;
}

.cartsBody .cartsBox .cartsContent .optGoods .optGoodsR .orders {
  width: 130px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  font-size: 18px;
  color: #fff;
  border: 1px solid #a59575;
  outline: none;
  background-color: #a59575;
}

.cartsBody .cartsBox .cartsContent .optGoods .optGoodsR .orders:hover {
  cursor: pointer;
  background-color: #c0ae8a;
}

.cartsBody .cartsBox .youLike {
  width: 100%;
}

.cartsBody .cartsBox .youLike .hd {
  width: 100%;
  height: 60px;
  display: flex;
  align-items: center;
  padding-top: 40px;
  margin-bottom: 20px;
}

.cartsBody .cartsBox .youLike .hd .imgWrap {
  display: inline-block;
  width: 60px;
  height: 60px;
  background-color: #dbb6b6;
}

.cartsBody .cartsBox .youLike .hd .desc {
  margin-left: 20px;
  font-size: 18px;
}

.cartsBody .cartsBox .youLike .otherGoods {
  width: 100%;
  overflow: hidden;
  display: flex;
}

.cartsBody .cartsBox .youLike .otherGoods .otherGoodsbox {
  width: 265px;
  height: 411px;
  margin-left: 10px;
}

.cartsBody .cartsBox .youLike .otherGoods .otherGoodsbox .othImg {
  width: 100%;
  height: 265px;
  background: url(../img/other11.png) no-repeat 50%;
  background-color: #f0e9e9;
}

.cartsBody .cartsBox .youLike .otherGoods .otherGoodsbox .othDesc {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 14px;
  padding-top: 40px;
}

.cartsBody .cartsBox .youLike .otherGoods .otherGoodsbox .othDesc .othDesInf {
  color: #333;
  font-weight: 700;
  cursor: pointer;
}

.cartsBody .cartsBox .youLike .otherGoods .otherGoodsbox .othDesc .othDesInf:hover {
  color: #b4a078;
}

.cartsBody .cartsBox .youLike .otherGoods .otherGoodsbox .othDesc .othDescP {
  height: 24px;
  line-height: 24px;
  color: #d4282d;
}

.cartsBody .cartsBox .youLike .otherGoods .otherGoodsbox .othDesc .othDescS {
  width: 130px;
  padding-top: 10px;
}

.cartsBody .cartsBox .youLike .otherGoods .otherGoodsbox:hover {
  background-color: #e2d9d9;
  box-shadow: 4px 4px 4px #c2bcbc, -4px 4px 4px #c2bcbc;
}
